<div class="layui-container">
    <div class="layui-row kt-column-body">

        <div class="layui-col-md8">

            <ul class="kt-location">

                <li>
                    <a href="javascript:;" class="kt-back">
                        <span class="iconfont icon-siglypharrowbackward"></span>
                        返回上一页
                    </a>
                </li>

                <li>
                    <a href="#/html/views/index.html">首页</a><img src="/html/images/location_bg.png">
                </li>

                <li class="active">
                    <a href="javascript:;">攻略信息</a>
                    <img src="/html/images/location_bg.png">
                </li>

                <div class="kt-clear"></div>
            </ul>

            <div class="kt-article-body">
                <p class="kt-article-title">
                    Merry Christmas 圣诞快乐！
                </p>
                <p class="kt-article-info">
                    <span class="layui-breadcrumb" style="visibility: visible;">
                        <a><cite>2019-05-08</cite></a>
                        <a href="javascript:;"><cite>For</cite> 了解一下</a>

                        <a href="#/html/views/user_center.html"><cite>By</cite> Feiyang</a>
                    </span>
                </p>
                <div class="layui-row kt-article-flag">
                    <div class="layui-col-md8 layui-col-sm12 layui-col-xs12">
                        <span class="layui-badge layui-bg-green">最新</span>
                        <span class="layui-badge">原创</span>
                        <span class="layui-badge layui-bg-blue">优选</span>
                        <span class="layui-badge layui-bg-cyan">多图</span>
                    </div>


                    <div class="layui-col-md4 layui-col-sm12 layui-col-xs12">
                        <span class="iconfont icon-zhengyan">
                            <span>5200</span>
                        </span>
                        <span class="iconfont icon-collection">
                            <span>520</span>
                        </span>
                    </div>

                    <div class="kt-clear"></div>
                </div>

                <div class="kt-article-author">
                    <blockquote class="layui-elem-quote">
                        <div class="layui-row layui-col-space30">
                            <div class="layui-col-md2">
                                <img class="headpic" src="/html/images/headpic.jpg" alt="">
                            </div>
                            <div class="layui-col-md10">
                                <p class="title">开发者</p>
                                <p class="name"><a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <a class="vip" href="#/html/views/user_center.html" title="如何成为会员？">【KT会员】</a></p>
                                <p class="des">* 此攻略为我个人看法，不代表此网站赞同其观点和对其真实性负责！</p>
                            </div>

                        </div>
                    </blockquote>
                </div>

                <div class="kt-article-content">
                    <div id="kt-article-content">
                        <textarea style="display:none;"></textarea>
                    </div>
                </div>

            </div>

            <div class="layui-row kt-share">
                <div class="layui-col-md12">
                    <p>
                        <span class="iconfont icon-fenxiang"></span>
                        亲，可以根据下列标签找出类似的攻略哟！
                    </p>
                </div>

                <div class="layui-col-md12">
                    <div class="layui-row kt-shareing">
                        <div class="layui-col-md9">
                            <a class="kt-btn dark" href="#/html/views/search.html">HTML1</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTML2HTML2HTML2</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTML3</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTML4HTML2</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTML5HHTML2HTML2TML2</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTMLHTML26</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTMH</a>
                            <a class="kt-btn dark" href="#/html/views/search.html">HTMHTML2L8</a>
                        </div>
                        <div class="layui-col-md3">
                            <a href="javascript:;" class="love">
                                <span class="iconfont icon-collection"></span>
                                <span class="click">15</span>
                            </a>
                        </div>
                    </div>
                </div>

            </div>

            <div class="layui-row kt-reply">

                <a href="javascript:;" class="kt-doreply kt-btn-fluid">
                    <span class="iconfont icon-chat"></span>
                    我有话要对你说！
                </a>

                <div class="layui-col-md12">
                    <div class="layui-row layui-col-space10">

                        <div class="layui-col-md2 layui-col-sm3 layui-col-xs3">
                            <a href="#/html/views/user_center.html">
                                <img class="headpic" src="/html/images/headpic.jpg" alt="">
                            </a>
                        </div>

                        <div class="layui-col-md10 layui-col-sm9 layui-col-xs9">
                            <p class="name">
                                <a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <span>【KT 会员】</span>
                            </p>
                            <p class="time">
                                10分钟前
                            </p>
                            <p class="content">
                                你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？
                            </p>
                            <a class="kt-doreply" href="javascript:;">回复</a>

                            <div class="layui-col-md12">
                                <div class="layui-row layui-col-space10">

                                    <div class="layui-col-md2 layui-col-sm3 layui-col-xs3">
                                        <a href="#/html/views/user_center.html">
                                            <img class="headpic" src="/html/images/headpic.jpg" alt="">
                                        </a>
                                    </div>

                                    <div class="layui-col-md10 layui-col-sm9 layui-col-xs9">
                                        <p class="name">
                                            <a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <span>【KT 会员】</span>
                                        </p>
                                        <p class="time">
                                            10分钟前，回复 <a href="#/html/views/user_center.html">看上隔壁小花了啦</a>
                                        </p>
                                        <p class="content">
                                            你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？
                                        </p>
                                        <a class="kt-doreply" href="javascript:;">回复</a>

                                    </div>

                                </div>
                            </div>

                            <div class="layui-col-md12">
                                <div class="layui-row layui-col-space10">

                                    <div class="layui-col-md2 layui-col-sm3 layui-col-xs3">
                                        <a href="#/html/views/user_center.html">
                                            <img class="headpic" src="/html/images/headpic.jpg" alt="">
                                        </a>
                                    </div>

                                    <div class="layui-col-md10 layui-col-sm9 layui-col-xs9">
                                        <p class="name">
                                            <a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <span>【KT 会员】</span>
                                        </p>
                                        <p class="time">
                                            10分钟前，回复 <a href="#/html/views/user_center.html">看上隔壁小花了啦</a>
                                        </p>
                                        <p class="content">
                                            你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？
                                        </p>
                                        <a class="kt-doreply" href="javascript:;">回复</a>

                                    </div>

                                </div>
                            </div>

                        </div>

                    </div>
                </div>

                <div class="layui-col-md12">
                    <div class="layui-row layui-col-space10">

                        <div class="layui-col-md2 layui-col-sm3 layui-col-xs3">
                            <a href="#/html/views/user_center.html">
                                <img class="headpic" src="/html/images/headpic.jpg" alt="">
                            </a>
                        </div>

                        <div class="layui-col-md10 layui-col-sm9 layui-col-xs9">
                            <p class="name">
                                <a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <span>【KT 会员】</span>
                            </p>
                            <p class="time">
                                10分钟前
                            </p>
                            <p class="content">
                                你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？
                            </p>
                            <a class="kt-doreply" href="javascript:;">回复</a>

                        </div>

                    </div>
                </div>

                <div class="layui-col-md12">
                    <div class="layui-row layui-col-space10">

                        <div class="layui-col-md2 layui-col-sm3 layui-col-xs3">
                            <a href="#/html/views/user_center.html">
                                <img class="headpic" src="/html/images/headpic.jpg" alt="">
                            </a>
                        </div>

                        <div class="layui-col-md10 layui-col-sm9 layui-col-xs9">
                            <p class="name">
                                <a href="#/html/views/user_center.html">看上隔壁小花了啦</a> <span>【KT 会员】</span>
                            </p>
                            <p class="time">
                                10分钟前
                            </p>
                            <p class="content">
                                你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？你这个年龄阶段，你还睡得着觉？
                            </p>
                            <a class="kt-doreply" href="javascript:;">回复</a>

                        </div>

                    </div>
                </div>

            </div>

        </div>
        <div class="layui-col-md4 kt-body-right">
            <div class="kt-column-title">
                <span class="iconfont icon-kuaijiecaozuo"></span>
                <span>快捷操作</span>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                    <div class="kt-flag" title="查看自己的个人收藏的攻略">
                        <div>
                            <img src="/html/images/flag1.png" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="">
                        </div>
                        <p>Favourite</p>
                    </div>
                </div>

                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                    <div class="kt-flag" title="查看您以往的历史记录">
                        <div>
                            <img src="/html/images/flag2.png" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="">
                        </div>
                        <p>足迹</p>
                    </div>
                </div>

                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                    <div class="kt-flag" title="对攻略进行精准匹配">
                        <div>
                            <img src="/html/images/flag3.png" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="">
                        </div>
                        <p>偏好</p>
                    </div>
                </div>

                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                    <div class="kt-flag" title="如果您对本网站或者内容有所疑问的话">
                        <div>
                            <img src="/html/images/flag4.png" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="">
                        </div>
                        <p>疑问</p>
                    </div>
                </div>

                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                    <div class="kt-flag" title="告诉网站开发者本网站的不足，如果您的建议被采纳，将会得到相应奖励！">
                        <div>
                            <img src="/html/images/flag5.png" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="">
                        </div>
                        <p>我是Boss</p>
                    </div>
                </div>

            </div>

            <div class="kt-column-title">
                <span class="iconfont icon-heart"></span>
                <span>猜你喜欢</span>
            </div>
            <div class="kt-hotarticle">
                <div class="layui-row list">

                    <div class="layui-col-md12">
                        <div class="layui-row">
                            <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
                                <a href="">
                                    <img onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" src="/html/images/article.jpg" height="100%" width="unset">
                                </a>
                            </div>
                            <div class="layui-col-md8 layui-col-sm8 layui-col-xs8">
                                <p class="title">
                                    <a href="javascript:;">Merry Christmas 圣诞快乐！</a>
                                </p>
                                <p class="info">
                                    <a href="javascript:;">Feiyang</a>
                                    <span>2019-01-08 16:03:42</span>
                                </p>
                            </div>

                            <div class="kt-clear"></div>
                        </div>
                    </div>

                    <div class="layui-col-md12">
                        <div class="layui-row">
                            <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
                                <a href="">
                                    <img onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" src="/html/images/article.jpg" height="100%" width="unset">
                                </a>
                            </div>
                            <div class="layui-col-md8 layui-col-sm8 layui-col-xs8">
                                <p class="title">
                                    <a href="javascript:;">Merry Christmas 圣诞快乐！</a>
                                </p>
                                <p class="info">
                                    <a href="javascript:;">Feiyang</a>
                                    <span>2019-01-08 16:03:42</span>
                                </p>
                            </div>

                            <div class="kt-clear"></div>
                        </div>
                    </div>

                    <div class="layui-col-md12">
                        <div class="layui-row">
                            <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
                                <a href="">
                                    <img onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" src="/html/images/article.jpg" height="100%" width="unset">
                                </a>
                            </div>
                            <div class="layui-col-md8 layui-col-sm8 layui-col-xs8">
                                <p class="title">
                                    <a href="javascript:;">Merry Christmas 圣诞快乐！</a>
                                </p>
                                <p class="info">
                                    <a href="javascript:;">Feiyang</a>
                                    <span>2019-01-08 16:03:42</span>
                                </p>
                            </div>

                            <div class="kt-clear"></div>
                        </div>
                    </div>

                    <div class="layui-col-md12">
                        <div class="layui-row">
                            <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
                                <a href="">
                                    <img onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" src="/html/images/article.jpg" height="100%" width="unset">
                                </a>
                            </div>
                            <div class="layui-col-md8 layui-col-sm8 layui-col-xs8">
                                <p class="title">
                                    <a href="javascript:;">Merry Christmas 圣诞快乐！</a>
                                </p>
                                <p class="info">
                                    <a href="javascript:;">Feiyang</a>
                                    <span>2019-01-08 16:03:42</span>
                                </p>
                            </div>

                            <div class="kt-clear"></div>
                        </div>
                    </div>

                    <div class="kt-clear"></div>
                </div>

                <span class="iconfont icon-shuaxin" title="下一波"></span>

            </div>

            <div class="kt-column-title">
                <span class="iconfont icon-download"></span>
                <span>热门下载</span>
            </div>
            <ul class="kt-hotdownload-list">
                <li>
                    <a href="javascript:;"> # HTML5</a>
                    <span class="iconfont icon-download">23135</span>
                </li>
                <li>
                    <a href="javascript:;"> # JavaScript</a>
                    <span class="iconfont icon-download">35123</span>
                </li>
                <li>
                    <a href="javascript:;"> # JQuery</a>
                    <span class="iconfont icon-download">31235</span>
                </li>
                <li>
                    <a href="javascript:;"> # ThinkPHP5</a>
                    <span class="iconfont icon-download">57635</span>
                </li>
                <li>
                    <a href="javascript:;"> # Laravel 5.8</a>
                    <span class="iconfont icon-download">335</span>
                </li>
                <li>
                    <a href="javascript:;"> # Laravel-admin</a>
                    <span class="iconfont icon-download">356755</span>
                </li>
                <li>
                    <a href="javascript:;"> # Linux CentOS 7.3</a>
                    <span class="iconfont icon-download">356755</span>
                </li>
                <li>
                    <a href="javascript:;"> # Python</a>
                    <span class="iconfont icon-download">356755</span>
                </li>

                <span class="iconfont icon-shuaxin" title="下一波"></span>
            </ul>

            <div class="kt-column-title">
                <span class="iconfont icon-woshizuozhe"></span>
                <span>作者推荐</span>
            </div>
            <div class="layui-row kt-ranking-list">

                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>
                <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
                    <a href="javascript:;">
                        <img src="/html/images/headpic.jpg" onload="KtImgLoad(this)" onerror="KtImgError(this);" alt="" height="100%" width="unset">
                        <span>看上隔壁小花了啦</span>
                    </a>
                    <p> <span>20</span> 篇原创</p>
                </div>

                <span class="iconfont icon-shuaxin" title="下一波"></span>

                <div class="kt-clear"></div>
            </div>

            <div class="layui-row kt-subscribe">
                <div class="layui-col-md12">
                    <span class="iconfont icon-mail1"></span>
                    <p class="title">Subscription Strategy</p>

                    <form action="" class="layui-form kt-topsearch">
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <input type="text" name="title" autocomplete="off" placeholder="请输入您的邮箱" class="layui-input">
                                <button type="submit">
                                    <span class="iconfont icon-search1"></span>
                                </button>
                            </div>

                            <p>通过订阅，您将收到您的电子邮件中的新攻略。</p>
                        </div>
                    </form>
                </div>
            </div>

            <div class="kt-clear"></div>
        </div>

    </div>
</div>

<script>
    layui.config({
        base: 'js/'
    }).use([
        'jquery',
        'element',
        'layedit'
    ], function () {
        var $ = layui.jquery;
        var element = layui.element;
        var layedit = layui.layedit;

        element.render();

        // 动态加载css
        $('<link>').attr({
            type: "text/css",
            rel: "stylesheet",
            href: "/html/editor/editor.md-master/css/editormd.min.css"
        }).appendTo("head");

        $.getScript("/html/js/jquery-1.12.4.min.js", function () {

            $.getScript("/html/editor/editor.md-master/editormd.min.js", function () {

                $.getScript("/html/editor/editor.md-master/lib/marked.min.js", function () {

                    $.getScript("/html/editor/editor.md-master/lib/prettify.min.js", function () {
                        $.get('/html/README.md',function (markdown) {

                            editormd.markdownToHTML("kt-article-content", {
                                htmlDecode      : "style,script,link",
                                height          : "100%",
                                markdown        : markdown
                            });
                        });
                    });
                });
            });

        });

        // 回复
        $(document).find('.kt-doreply').unbind('click').click(function(){

            // 检测是否登录
            // if(!isLogin()){
            //     return false;
            // }

            if($(document).width() > 760){
                width = '630px';
                height = '430px';
            }else{
                width = '320px';
                height = '470px';
            }

            var username = $('.kt-userinfo').children('a').eq(0).html();

            textarea = layer.open({
                type: 1,
                title: '<span class="iconfont icon-lvyou"></span> <b>到此一游！</b>',
                area: [width,height],
                maxWidth: '100%',
                closeBtn: 0,
                shade: false,
                shadeClose: false,
                content: '<form class="layui-form" action="" method="post"><textarea id="response" style="display: none;"></textarea><div class="kt-button-group"><button type="submit" class="layui-btn layui-btn-sm">提交</button><button type="button" class="layui-btn layui-btn-sm layui-btn-primary kt-close">取消</button></div></form>'
            });

            //建立编辑器
            layedit.build('response');
        });

        $(document).on('click','.kt-button .kt-close',function(){
            layer.close(textarea);
        });

    });
</script>